<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv='content-language' content='zh_CN'>
    <title>{$info.title} - {$config.system_name}</title>
    <meta name="keywords" content="{$config.index_keywords}"/>
    <meta name="description" content="{$config.index_description}"/>
    <link rel="canonical" href="">
    <meta name='robots' content='max-image-preview:large'>
{include file="common:columncss" /}
</head>
{include file="common:header" /}
<div id="page" class="container mt20">
    <div id="breadcrumb" class="">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a class="a-link" href="../">首页</a></li>
                <li class="breadcrumb-item active " aria-current="page">留言板</li>
            </ol>
        </nav>
    </div>
    <div id="page-empty">
        <div id="page-{$info.id}" class="row row-cols-1">
            <div id="post-main" class="{eq name="$config['hide_global_sidebar']" value="on"}col-lg-8{else/}col-lg-12{/eq} col-md-12 {eq name="$config['page_animate']" value="on"} animated fadeInLeft {/eq}">
                    {eq name="$config['system_message']" value="off"}<div class="p-block">
                        <div class="mt20 puock-text entry-content">
                            <div class="alert alert-danger"> <i class='layui-icon layui-icon-shield mr-1'></i>本站已关闭评论、互动功能！</div>
                        </div>
                    </div>
                    {else/}<div class="p-block">
                        <div><h1 id="post-title" class="mb-0 puock-text t-xxl">评论 & 留言</h1></div>
                        <div class="options p-flex-sbc mt20">
                            <div>
                                <div class="option puock-bg ta3 t-sm mr-1">为了能及时反馈您的问题，请您留下真实的邮箱地址或QQ号以便我们能第一时间联系您！</div>
                            </div>
                            <div>
                                <div class="option puock-bg ta3 t-sm mr-1 d-none d-lg-inline-block post-main-size"><i class="layui-icon layui-icon-up-right"></i></div>
                            </div>
                        </div>
                        <div class="mt20 puock-text entry-content">
                            <div class="alert alert-danger"> <i class='layui-icon layui-icon-shield mr-1'></i>网络信息过于复杂，请勿相信任何非认证用户的评论或者留言，请认准认证(<span class="renz-V" title="站长"></span>)图标</div>
                            <div><font color=#ff0000>本站已启用违法违规关键词屏蔽及黑名单系统，评论不易，且行且珍惜！</font></div>
                        </div>
                    </div>
                    <!--评论上方-->
                    <div class="p-block" id="comments">
                        <div>
                            <span class="t-lg border-bottom border-primary puock-text pb-2"><i class="layui-icon layui-icon-survey mr-1"></i>留言/评论 (*为必填项)</span>
                        </div>
                        <div class="mt20 clearfix" id="comment-form-box">
                            <form class="mt10" id="comment-form" method="post" action="{$config.microblog}/index/messages/add.html">
                                <input type="text" hidden="" name="pid" value="0">
{include file="common:message" /}
                            </form>
                        </div>
                        <div id="comment-ajax-load" class="text-center mt20 d-none">
                            <div class="spinner-grow text-primary" role="status">
                                <span class="sr-only">载入中...</span>
                            </div>
                        </div>
                        <div id="post-comments">
{include file="common:message_hot" /}
                            <div class="mt20 p-flex-s-right" data-no-instant="">
                                <ul class="pagination comment-ajax-load">
                                    {$page|raw}
                                </ul>
                            </div>
                        </div>
                    </div>{/eq}
                </div>
{eq name="$config['hide_global_sidebar']" value="on"}{include file="common:hot" /}{/eq}
            </div>
        </div>
    </div>
{eq name="$config['system_message']" value="on"}{include file="common:emoji" /}{/eq}
{include file="common:footer" /}
{include file="common:columnjs" /}
</body>
</html>